/**
 * use for cuc.fjnu.edu.cn
 * @authors Milly,Penny
 * @date    2015-04-03 10:29:05;
 * @version 0.3.0
 */

/* reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0; padding:0;}
body,button,input,select,textarea {font:12px/1.5 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
em {font-style:normal;}
ul,ol {list-style:none;}
a {text-decoration:none; color:#39442e;}
a:hover {text-decoration:underline;}
fieldset,img {border:0;}
button,input,select,textarea {font-size:100%; border:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {*zoom:1;}

/* base */
body {color:#000; background-color:#fff;}
.wrapper {margin:0 auto; width:1200px;}

.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.pr {position:relative; left:0; top:0;}

.hid {font-size:0; line-height:0; overflow:hidden;}
.none {display:none;}

.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}

/* sprite */
.spr-btn {background: url(style_res/sprite_btn.png) no-repeat;}

/* topbar */
.topbar {background-color: #f2f2f2; height: 40px; line-height: 40px;}
    .topbar-navlist {position: absolute; right: 0; top: 10px; height: 40px; line-height: 40px; }
    .topbar-navlist li {float: left; display: inline; font-size: 14px; color: #ccc;}
    .topbar-navlist li a {color: #666; padding: 0 10px; font-weight: bold;}

    .topbar-sociallist { float: right;}
    .topbar-sociallist li {float: left; display: inline;}
    .topbar-sociallist li a {float: left; display: block; width: 22px; height: 22px; margin: 9px 5px; line-height: 22px; text-indent: -99999em; background: url(style_res/sprite_social.png) no-repeat 0 0;}
    .topbar-sociallist .icon-weibo {background-position: 0 0;}
    .topbar-sociallist .icon-wechat {background-position: 0 -40px;}
    .topbar-sociallist .icon-rss {background-position: 0 -80px;}
 .topbar-sociallist .yiban { width: 53px; background: url(style_res/yiban.png) no-repeat 0 0;}
  .topbar-sociallist .english { width: 43px;  background: none;text-indent: 0em;}
    .qr-code {display: none; position: absolute; right: 0; top: 40px; z-index: 10;}

/* header */
.header {height: 150px;}
    .header-hd {height: 100px;}
        .logo {}
        .logo a {display: block;position: absolute;left: 10px;top: 25px;width: 361px;height: 50px;}
        .search-form {position: absolute; right: 0; top: 50px; width: 290px; height: 30px;}
        .search-text {width: 278px; height: 28px; line-height: 28px; padding: 0 5px; border: 1px solid #cfcfcf; color: #ccc;}
        .search-btn {position: absolute; right: 8px; top: 7px; display: block; width: 16px; height: 16px; background-position: 0 0; cursor: pointer;}

    .header-bd {}
        .nav {}
        .nav .nav-li {float: left; display: inline; position: relative; left: 0; top: 0; width: 12.5%; text-align: center; height: 50px; line-height: 50px; background-color: #9f140d;}
/* .nav .nav-li {float: left; display: inline; position: relative; left: 0; top: 0; width: 12.5%; text-align: center; height: 50px; line-height: 50px; background-color: #666;}*/
        .nav .nav-li .nav-li-a {display: block; height: 50px; line-height: 50px; font-size: 16px; color: #fffefe;}
        .nav .nav-li .icon-down {position: absolute; top: 50%; margin-top: -3px; right: 15%; display: block; width: 9px; height: 5px; background-position: 0 -145px;}
        .nav .on .nav-li-a {text-decoration: none; background-color: #fff; color: #ce0110;}
        .nav .on .icon-down {background-position: 0 -68px;}

        .snav {display: none; position: absolute; left: 0; top: 50px; z-index: 20; width: 100%; padding-bottom: 10px; background-color: #fff;}
        .snav li a {display: block; height: 40px; line-height: 40px; font-size: 14px;}
        .snav li a:hover {background-color: #f2f2f2; text-decoration: none;}

/* slide */
.slide {position: relative;width: 1200px;overflow: hidden;}
    .slide-con {}
    .slide-con a {position: absolute; }
    .slide .focus-title-bar {position: absolute;left: 50%;bottom: 30px;margin-left: -300px;display: block;width: 580px !important;padding: 0 10px;height: 50px;line-height: 50px;text-align: center;background: url(style_res/slide_tit_bg.png) repeat-x;color: #fff;font-size: 16px;}
    .slide .focus-title {display: block;float: left;width: 100%;overflow: hidden;text-overflow: ellipsis;font-family: microsoft yahei;white-space:nowrap;font-style: normal;}
    .slide .focus-title .news_date {display: block;float: right;font-style: normal;}
    .focus-pagination {position: absolute; left: 50%; bottom: 10px; z-index: 10; margin-left: -150px; width: 300px; height: 8px; text-align: center;}
    .column .focus-pagination{bottom: 7px;}
.focus-page {display: inline-block;width: 8px;height: 8px;margin: 0px 4px;background: url(style_res/sprite_btn.png) no-repeat 0 -382px;}
    .focus-page-active{background-position: 0 -428px;}

    .focus-navigation {display: block; position: absolute; z-index: 10; top: 50%; margin-top: -25px; width: 40px; height: 50px;}
    .focus-prev {left:0; background: url(style_res/arrow_left.png) no-repeat;}
    .focus-next {right: 0; background: url(style_res/arrow_right.png) no-repeat;}

/* main */
.wp_art_adjoin span.next::before{content:"";display:block;}
.main {}
    .column {width: 386px; margin: 0 21px 20px 0;}
        .column-top
        ,.column-special
        ,.column-media
        ,.column-news
        ,.column-notice
        ,.column-message { float: left; }



        .column-tit {font-size: 18px; color: #1c1c1c; height: 36px; line-height: 36px; border-bottom: 1px solid #999; margin-bottom: 15px;}
            .btn-more {float: right; color: #1c1c1c;}
            .btn-more:hover {color: #999; text-decoration: none;}

        .news-slide {width: 386px; height: 185px; overflow: hidden;}
            .news-slide-con {}
            .news-slide-con a {position: absolute; display: block; width: 386px; text-align: center;}
            .news-slide  h2 {position: absolute; left: 50%; bottom: 0; display: block; width: 366px; margin-left: -193px; padding: 0 10px; height: 42px; line-height: 42px; text-align: center; background: url(style_res/news_slide_tit_bg.png) repeat-x; color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
            .news-slide h2 a{color:#fff;font-family:microsoft yahei}
            .news-slide-btn {position: absolute; left: 0; bottom: 5px; z-index: 10; width: 386px; height: 8px; text-align: center;}
            .news-slide-btn a {display: inline-block; width: 8px; height: 8px; margin: 0 2px; background: url(style_res/sprite_btn.png) no-repeat 0 -382px;}
            .news-slide-btn a:hover,
            .news-slide-btn a.on {background-position: 0 -428px;}

        .column-list {}
        .column-list li {height: 34px;line-height: 34px;position: relative;}
        .column-list li a {display: inline-block; width: 278px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #1c1c1c; background: url(style_res/news-arr.png) no-repeat left center;}
        .column-list li span {float: right; font-size: 14px; color: #8a8a8a;}
        .column-list li strong span {float: left; font-size: 14px; }
        .tab-notice {}
        .tab-notice li {float: left; display: inline;}
        .tab-notice li a {display: block; width: 106px; text-align: center; height: 33px; border: 1px solid #999; border-top-width: 3px; margin-right: -1px;}
        .tab-notice li a:hover,
        .tab-notice li.on a {text-decoration: none; border-top-color: #ce0110; color: #ce0110; border-bottom-color: #fff;}

        .con-notice-item {display: none;}

    .main-hd {padding: 15px 0;}
        .column-media {margin-right: 0;}
        .column-message {margin-right: 0;}
    .main-ft {padding: 15px 0;}
        .spr-link {display: inline-block; background: url(style_res/sprite_link.png) no-repeat; vertical-align: middle; margin-right: 5px;}
 /*    .item01 {background:#999;}*/
   .item01 {background:#9f140d;}
        .item02 {background:#fe6567;}
        .item03 {background:#ffc000;}
        .item04 {background:#92d14f;}
        .item05 {background:#886aa5;}
        .icon-lib {width: 20px; height: 23px; background-position: -1px 0;}
        .icon-news {width: 28px; height: 23px; background-position: -1px -102px;}
        .icon-pic {width: 29px; height: 22px; background-position: -1px -204px;}
        .icon-video {width: 23px; height: 23px; background-position: -1px -305px;}
        .icon-url {width: 23px; height: 23px; background-position: 0 -407px;}
		.icon-gjjy{display: inline-block; background: url(style_res/gjjy.jpg) no-repeat; vertical-align: middle;width: 23px; height: 23px;background-size:150px  54px;}
		.icon-13 {width: 29px; height: 29px;background-position: 0 -465px;}
        
        .column-links {}
        .column-links li {
            float: left;
            display:inline;
            margin: 0 25px 0px 0;
            /*border:1px solid #999;*/
        }
        .column-links li a {
            display: block;
            width: 150px;
            height: 54px;
            line-height: 54px;
            text-align: center;
            font-size: 18px;
            color: #fff;
        }

        .column-links li.end {
            margin-right: 0;
        }
.column-links li.pr1{margin-right: 20px;}
.column-links li.pr3{margin: 0 0 0 25px;}
        .column-links li a {
            text-decoration: none;
        }
  /*      .column-links li a.item01:hover { */
 /*           background: #333 ;*/
   /*     }*/

     .column-links li a.item01:hover { background: #7e0001 ; }

        .column-links li a.item02:hover {
            background: #E85C5E;
        }
        .column-links li a.item03:hover {
            background: #EFB401;
        }
        .column-links li a.item04:hover {
            background: #88C34A;
        }
        .column-links li a.item05:hover {
            background: #725A8A;
        }

        .end .quick-list {display: none; position: absolute; left: 0; bottom:60px; width: 250px; height: 200px; overflow-y: scroll; overflow-x: hidden; background: #fff;  border: 1px solid #999;}
        .end .quick-list a {display: block; padding: 0 5px; height: 34px; line-height: 34px; font-size: 16px; color: #848484; text-align: left; border: none; width: 250px;}
            .spr-icon {display: inline-block; vertical-align: middle; background: url(style_res/sprite_icon.png) no-repeat; margin-right: 5px;}
            .icon-data {width: 19px; height: 19px; background-position: -1px 0;}
            .icon-partice {width: 18px; height: 17px; background-position: -1px -35px;}
            .icon-house {width: 18px; height: 19px; background-position: -2px -67px;}
            .icon-service {width: 18px; height: 14px; background-position: -2px -101px;}
            .icon-map {width: 17px; height: 14px; background-position: -2px -132px;}
            .icon-donate {width: 18px; height: 19px; background-position: -2px -161px;}
            .icon-notice {width: 18px; height: 18px; background-position: -2px -197px;}
            .icon-teacher {width: 18px; height: 17px; background-position: -2px -236px;}
            .icon-week {width: 18px; height: 17px; background-position: -2px -278px;}
            .icon-history {width: 18px; height: 18px; background-position: -1px -320px;}
            .icon-data {width: 18px; height: 17px; background-position: 0 -359px;}
            .icon-daily {width: 18px; height: 19px; background-position: -2px -400px;}
            .icon-digit {width: 18px; height: 18px; background-position: -1px -442px;}
            .icon-total {width: 18px; height: 15px; background-position: -1px -485px;}
			.icon-morelink {width: 24px; height: 24px; background-position: 0 -518px;}

/* footer */
.footer {background-color: #f2f2f2; border-top: 3px solid #dbdbdb; margin-top: 30px; font-size: 16px; color: #666;}
.footer a {color: #666;}
    .footer-bd {border-top: 3px solid #717171; margin-top: -3px; padding: 35px 0;}
        .footer-bd-left { float: left; }
        .footer-bd-right { float: right; }


/**********/
.main-list {
    font-size: 14px;
    margin-top: 25px;
}

.bread-nav {
    height: 35px;
    padding-left: 10px;
    margin: 0 0 15px 0;
    line-height: 35px;
    background:#f2f2f2;
}
.bread-nav-cell i {
    margin-right: 5px;
}

.list-container {
    float: left;
    width: 890px;
}
.list-container dl {
    padding:25px 0;
    border-bottom: 1px solid #ccc;
}
.list-container dl dt {
    float: left;
    margin-right: 20px;
}
.list-container dl dt img {
    overflow: hidden;
    height:139.68px;
    width:259.2px;
    background-size: contain;
}
.list-container dl dd {
    float: left;
    width: 600px;
}
.list-container dl dd h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    width: 600px;
    font-size: 18px;
}
.list-container dl dd p {
    padding-top: 15px;
    line-height: 20px;
}
.list-container dl dd p.list-des {
    overflow: hidden;
    height: 60px;
}
.list-container dl dd p span {
    margin-right: 50px;
}
.wp_entry p{ font-size: 16px;
    line-height: 2;
     /*   text-indent: 2rem;*/
    margin:20px 0;}
.list-normal {
    padding: 0 10px;
    font-size: 1rem;
}
.list-normal .wp_entry span{float:none;}
.list-normal h2 {
    padding: 10px 0 0;
    position: relative;
}
.list-normal h2 a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right: 122px;}
.list-normal a {
    display: inline-block;
    padding-left: 15px;
    background: url(style_res/news-arr.png) no-repeat left center;
}
.wp_paging a{background:none;}
.list-normal h2 span {
    position:absolute;
    top:0;
    right:0;
    color: #8a8a8a;
}
.list-normal-item {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}


.page-select-btn {
    width: 550px;
    margin:40px auto;
}
.page-select-btn span {
    float: left;
    height: 30px;
    padding:0 10px;
    margin: 10px 10px 10px 0;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    border:1px solid #ccc;
}
.page-select-btn-list {
    float: left;
    margin-top: 10px;
}
.page-select-btn-list li {
    float: left;
    height: 30px;
    padding:0 15px;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    border:1px solid #ccc;
}
.page-select-btn span:hover
,.page-select-btn-list li:hover {
    background:#ccc;
}


.list-sidebar {
    float: right;
    width: 280px;
}
.list-sidebar-column {
    margin-bottom: 30px;
}
.list-sidebar-column h2 {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}
.list-sidebar-column h2 span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #d64b48;
    border-bottom: 1px solid #d64b48;
}
.list-sidebar-column ul {
    padding-top: 5px;
}
.list-sidebar-column ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    width: 100%;
    height: 30px;
    padding-left: 20px;
    line-height: 30px;
    background:url(style_res/news-arr.png) 0 center no-repeat;
}
.list-sidebar-column dl {
    margin-left: 25px;
    margin-top: 20px;
    width: 225px;
    text-align: center;
}
.list-sidebar-column dl dt{}
.list-sidebar-column dl dt img {
    height:120px;
    width:225px;
}
.list-sidebar-column dd {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.article-con {}
.article-title {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}
.article-title div{display:inline-block;}
.article-title h2 {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}
.article-title h3 {
}
.article-title h3 span {
    margin-right: 20px;
}
.article-share {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.article-share .jiathis_style_32x32 .jiathis_txt {
    font-size: 14px;
}
.article-share .jiathis_style_32x32 .jtico {
    background: url(style_res/icon_share.png);
    padding-left: 32px!important;
    margin-right: 4px;
}
.article-share .jiathis_style_32x32 .jtico_qzone {
    background-position: 0 -86px;
}
.article-share .jiathis_style_32x32 .jtico_tsina {
    background-position: 0 -43px;
}
.article-share .jiathis_style_32x32 .jtico_tqq {
    background-position: 0 0;
}
.article-share .jiathis_style_32x32 .jtico_weixin {
    background-position: 0 -172px;
}
.article-share .jiathis_style_32x32 .jtico_cqq {
    background-position: 0 -129px;
}



.article-share span { float: left; }
.article-title ul { float: left; }
.article-title ul li {
    float: left;
}

.article-text {
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.article-text p {
    font-size: 16px;
    line-height: 2;
     /*   text-indent: 2rem;*/
    margin:20px 0;
}
.article-text img {
    overflow: hidden;
    max-width:890px!important;
   /*  margin: 10px auto 10px;*/
}

.article-footer {
    padding:20px 0;
    font-size: 16px;
}


@media screen and (max-width: 1200px ) and (min-width: 1002px) {
    .wrapper {
        width: 100%;
    }
    .column-links li.pr3{margin:0 0 0 20px;}
    /*.header { background-color: #f00;}*/

    /*slider*/
    .slide { width: 100%; }
        .slide-con .slide-tit { margin-left: -320px; bottom: 20%;  }
        .slide-btn { bottom: 10% }
        #slideCon a img { width: 100%; }

    /* main */
    .main {width: 85%; margin:0 auto;}
    .main-hd {}

    .column { width: 40%; margin: 21px 0 0 0px; }

    .column-top
    ,.column-media
    ,.column-notice { float: left; margin-left: 50px;}

    .column-special
    ,.column-news
    ,.column-message { float: right; margin-right: 50px; }

    .column-list li a { width: 255px; }

    .news-slide { width: 350px; }
    .news-slide-con a { width: 350px;}
    .news-slide-con a img { width: 350px;}
    .new-slide-con span { width: 310px; margin-left: -155px;}
    .news-slide-btn { width: 350px; bottom: 15px; }
    .main-ft { width: 90%; margin:0 auto;}
        .column-links li{width: 128px;margin-bottom: 10px;height: 44px;margin-right: 25px;}
        .column-links li a { width: 125px; height: 44px; line-height: 44px; }

    .end .quick-list { bottom: 50px; }

    .list-main {  }
    .list-container { width: 100%; }
    .list-sidebar { display: none; }

    .article-title { padding:0 20px;}
    .article-text { padding:0 20px; }
    .article-footer {  padding-left: 20px;}


    .footer {}
    .footer-bd  {width: 90%; margin:-3px auto;}
}

@media screen and (max-width: 1001px ) and (min-width: 415px) {
    .wrapper { width: 100%; }
    .header { height: 80px; }
    .search-form { display: none; }
    .topbar { display: none; }
    .topbar-navlist {display: none;}
    .main { width: 90%; margin:0 auto; }
    .article-text p img{max-width:100%;}
    .mobile-nav {position: absolute; top: 35px; right: 20px; width: 20px; height: 20px; background:url(style_res/btn_menu.png) no-repeat; background-size: contain; z-index: 100;}

    .nav {display: none;}

    .slide { width: 100%; }
        .slide-con .slide-tit { margin-left: -320px; bottom: 20%;  }
        .slide-btn { bottom: 10% }
        #slideCon a img { width: 100%; }
        #slideCon a img { width: 100%; }
        .slide .slide-tit { display: none; }

    .column { width: 100%;}
    .column-top
    ,.column-special
    ,.column-media
    ,.column-news
    ,.column-notice
    ,.column-message { float: left; }

    .column-list li a { float: left; width: 255px; }
    .column-list li span {margin-left: 15px;position: absolute;right: 0;top: 0;}

    .news-slide { width: 250px; height: 140px; margin:0 auto;}
    .news-slide-con a { width: 250px;}
    .news-slide-con a img { width: 250px;}
    .new-slide-con span { float: left; width: 210px; margin-left: -155px;}
    .news-slide-btn { width: 250px; bottom: 15px; }
    .main-ft { width: 90%; margin:0 auto;}
    .column-links li.pr1{margin-right: 25px;}
        .column-links li{ width: 128px; height: 44px; margin-right: 25px; margin-bottom: 20px;}
        .column-links li a { width: 125px; height: 44px; line-height: 44px; }
    .end .quick-list { bottom: 50px; }

   
    .list-main {  }
    .list-container { width: 100%; }
    .list-sidebar { display: none; }

    .article-title { padding:0 20px;}
    .article-text { padding:0 20px; }
    .article-footer {  padding-left: 20px;}
    .article-share { display: none; }

    .footer {font-size: 14px;}
    .footer-bd  {width: 90%; margin:-3px auto 0; text-align: center;}
        .footer-bd-left
        ,.footer-bd-right { width: 100%; margin:0 auto; font-size: 12px;}

}
@media screen and (max-width: 999px ) and (min-width: 0px) {
    .mobile-nav {position: absolute; top: 32px; right: 20px; width: 20px; height: 20px; background:url(style_res/btn_menu.png) no-repeat; background-size: contain; z-index: 100;}
    .nav {display: none;float: left;width: 100%;}
    .nav .nav-li { width: 100%; display: block; text-align: left;}
    .nav .nav-li a{padding-left:15px}
    .nav .nav-li .icon-down { right: 9%; }

}
@media screen and (max-width: 700px ) {
    .column-links li.pr3{
    margin: 0;}
    .column-links li.end{margin-right:20px;}
}
@media screen and (max-width: 709px ) {.stu .stu1 .stuL, .stu .stu1 .stuR{width: 100%!important;}}
@media screen and (max-width: 415px ) {
    .topbar {display: none;}
    /*.topbar-navlist { width: 90%; height: 60px;}
    .topbar-navlist li { height: 20px;}
    .topbar-sociallist { display: none; }*/
     .article-text p img{max-width:100%;}
    .wrapper { width: 100%; }
    .header { height: 80px;}
    .header-hd { height: 80px;}
    .logo a {width: 220px; height: 82px; background-size: contain;}

    .main { width: 90%; margin:0 auto; }

    

    .search-form {display: none;}
    .topbar-navlist {display: none;}


    .slide { width: 100%; }
        .slide-con .slide-tit { margin-left: -320px; bottom: 20%;  }
        .slide-btn { bottom: 10% }
        #slideCon a img { width: 100%; }
        #slideCon a img { width: 100%; }
        .slide .slide-tit { display: none; }
    #slidePrev
    ,#slideNext { width: 25px; height: 31.25px; margin-top: -20px; background-size: contain;}

    .column { width: 100%;}
    .column-top
    ,.column-special
    ,.column-media
    ,.column-news
    ,.column-notice
    ,.column-message { float: left; }

    .column-tit {font-size: 16px;}

    .column-list li a { float: left; width: 210px; font-size: 14px;}
    .column-list li span { float: right; margin-left: 0px; font-size: 12px;}

    .news-slide { width: 250px; height: 140px; margin:0 auto;}
    .news-slide-con a { width: 250px;}
    .news-slide-con a img { width: 250px;}
    .new-slide-con span { float: left; width: 210px; margin-left: -155px;}
    .news-slide-btn { width: 250px; bottom: 15px; }
    .main-ft { width: 90%; margin:0 auto;}
    .column-links li.pr1{margin-right: 4%;}
        .column-links li{width: 128px;height: 44px;margin-right: 4%;margin-bottom: 20px;}
        .column-links li a { width: 125px; height: 44px; line-height: 44px; }

    .end .quick-list { bottom: 50px; }

    

    .list-main {  }
    .list-container { width: 100%; }
    .bread-nav { padding-left: 10px; }
    .list-sidebar { display: none; }
    .list-sidebar dl{ padding:0 20px; }
    .list-container dt { padding-left: 20px; }
    .list-container dl dd { width: 90% !important; padding:0 20px;}
    .list-container dl dd h2 { width: 100%;}

    .list-normal-item .time {display: none;}

    .page-select-btn { width: 90%; margin-left: 20px;}
    .page-select-btn-list { display: none; }
    .page-select-btn span {  }

    .article-title { padding:0 20px;}
    .article-title h2 { font-size: 16px; width: 100%; word-spacing: nowrap; overflow: hidden; text-overflow:ellipsis; }
    .article-title h3 span { font-size: 12px; }
    .article-title h3 div{}
    .article-share { display: none; }
    .article-share span { display: block; float: none;}
    .article-text { padding:10px 20px; }
    .article-footer {  padding-left: 20px;}

    .footer {font-size: 14px;}
    .footer-bd  {width: 90%; margin:-3px auto 0; text-align: center;}
        .footer-bd-left
        ,.footer-bd-right { width: 100%; margin:0 auto; font-size: 12px;}

}
.possplit{background-image:none;width: 13px;text-indent: -7.5px;}
.possplit:after{content:">"}
@media screen and (max-width: 767px ) and (min-width: 0px) {
    .focus-title-bar{display:none!important;}
}